<!DOCTYPE html>
<!page with image>

<html>
    <head>
        <meta charset="utf-8" />
        <meta name="format-detection" content="telephone=no" />
        
        <meta 
        	name="viewport" 
        	content="
        		user-scalable=no, 
	        	initial-scale=1, 
	        	maximum-scale=1, 
	        	minimum-scale=1, 
	        	width=device-width, 
	        	height=device-height, 
	        	target-densitydpi=device-dpi" 
	     />
        	
        	<! for use phonegap functions needs cordova>	
        <script type="text/javascript" charset="utf-8" src="file:///android_asset/www/libs/cordova-2.3.0.js"></script>
        
			<! load styles>
        <link rel="stylesheet" href="file:///android_asset/www/libs/jquery.mobile-1.4.0.min.css" />
        <link rel="stylesheet" href="file:///android_asset/www/css/main.css" />
        
        	<! load jquery mobile>
        <script type="text/javascript" charset="utf-8" src="file:///android_asset/www/libs/jquery.js"></script>
        <script type="text/javascript" charset="utf-8" src="file:///android_asset/www/libs/jquery.mobile-1.4.0.min.js"></script>		
  		
  		<script type="text/javascript" charset="utf-8" src="file:///android_asset/www/libs/img-touch-canvas.js"></script>
  		
  		<script type="text/javascript" src="../libs/zoom.js"></script>		
  			
  			
  			        <! accommodation center image   >
		<style>
		   .fig {
		    text-align: center;
		    position: absolute; 
		    clip: rect(10px, 10px, avto, 20px );
		   }
		   
		</style> 

  	</head>		
    
    <body onload="onLoad()">
  				
	 <div data-role="page" id="page2" data-theme="b">
	 
		 <div data-role="panel" id="mypanel" data-position="right" data-display="overlay">
		 	<ul data-role="listview" data-theme="b" id="list"></ul>
		 </div>
	 
		 <div id="header" data-role="header" data-theme="b" data-position="fixed" data-fullscreen="true">
		    <h2>Page 2</h2>
			<a data-theme="b" id="a_head_l" data-role="button" class="ui-btn-left" data-iconpos="notext" onClick="qwe();">Back;</a>            
			
			<div class="ui-btn-right" data-role="controlgroup" data-type="horizontal">
				<a data-theme="b" data-role="button" id="a_head_r"  data-icon="arrow-r"  onClick="qwet();">Back</a>
				<a data-theme="b" data-role="button" id="a_head_r"  data-icon="arrow-u"  href="#mypanel">pages</a> 
				
				
			</div>
		</div>   				
  					
			 <div id="mycontainer" style="width:100%;height:100%">
			        <canvas id="mycanvas" style="width: 100%; height: 100%">do not work</canvas>
			 </div>
			 <script src='http://greenethumb.com/canvas/circles/circles3.js'>
	</div>			
	  	
	</body>
    
</html>
